<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<!-- -->
<link rel="shortcut icon" href="assets/ico/favicon.png" />
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png" />
<link rel="stylesheet" type="text/css" href="assets/font-awesome-4.0.3/css/font-awesome.min.css" />

<!-- bootstrap -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" />
<!-- 나눔폰트-->
<link rel="stylesheet" type="text/css" href="assets/css/nanumfont.css" />

<!-- jquery-ui(popup) -->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<!-- -->
<!-- <link rel="stylesheet" href="assets/css/non-responsive.css" /> -->

<!-- IE8 -->
<!--[if lt IE 9]>
		<script type="text/javascript" src="assets/js/html5shiv.js"></script>
		<script type="text/javascript" src="assets/js/respond.min.js"></script>
		<![endif]-->

<!-- IE10 -->
<!--[if gt IE 9]>
		<link rel="stylesheet" type="text/css" href="assets/css/ie10.css" />
		<script type="text/javascript" src="assets/js/ie10.js"></script>
		<![endif]-->

<title>collapse</title>
<link rel="stylesheet" href="assets/css/metro_route.css">	
		
</head>

<body>
<form role="form" name="form1" method="post" action="metro_timesheet.jsp">
<div id="draggable">
<img id="metro" class="metro_map" src="assets/img/naver_subway.jpg" alt="subway" usemap="#map1" />
<canvas id="MyCanvas" class="metro_map" width="2363" height="2120" ></canvas>
	<map name="map1">
	<area shape="CIRCLE" coords="161,122,14" onclick="popupof('금촌')">		
	<area shape="CIRCLE" coords="221,124,15" onclick="popupof('금릉')">
	<area shape="CIRCLE" coords="284,123,16" onclick="popupof('운정')">
	<area shape="CIRCLE" coords="285,188,16" onclick="popupof('문산')">
	<area shape="CIRCLE" coords="222,187,17" onclick="popupof('파주')">
	<area shape="CIRCLE" coords="161,188,17" onclick="popupof('월롱')">
	<area shape="CIRCLE" coords="345,122,16" onclick="popupof('탄현')">
	<area shape="CIRCLE" coords="408,121,16" onclick="popupof('일산')">
	<area shape="CIRCLE" coords="448,136,15" onclick="popupof('풍산')">
	<area shape="CIRCLE" coords="458,178,17" onclick="popupof('백마')">
	<area shape="CIRCLE" coords="458,220,17" onclick="popupof('곡산')">
	
	<area shape="CIRCLE" coords="461,264,20" onclick="popupof('대곡')">
	<area shape="CIRCLE" coords="409,265,17" onclick="popupof('백석')">
	<area shape="CIRCLE" coords="350,264,15" onclick="popupof('마두')">
	<area shape="CIRCLE" coords="294,264,15" onclick="popupof('정발산')">
	<area shape="CIRCLE" coords="246,264,15" onclick="popupof('주엽')">
	<area shape="CIRCLE" coords="181,265,17" onclick="popupof('대화')">
	<area shape="CIRCLE" coords="457,320,15" onclick="popupof('능곡')">
	<area shape="CIRCLE" coords="456,360,16" onclick="popupof('행신')">
	<area shape="CIRCLE" coords="471,417,16" onclick="popupof('화전')">
	<area shape="CIRCLE" coords="514,265,16" onclick="popupof('화정')">
	<area shape="CIRCLE" coords="570,264,17" onclick="popupof('원당')">
	<area shape="CIRCLE" coords="624,264,15" onclick="popupof('삼송')">
	<area shape="CIRCLE" coords="678,264,17" onclick="popupof('지축')">
	<area shape="CIRCLE" coords="733,264,15" onclick="popupof('구파발')">
	<area shape="CIRCLE" coords="790,264,13" onclick="popupof('연신내')">
	<area shape="CIRCLE" coords="872,277,17" onclick="popupof('독바위')">
	<area shape="CIRCLE" coords="755,300,17" onclick="popupof('구산')">
	<area shape="CIRCLE" coords="727,331,19" onclick="popupof('응암')">
	<area shape="CIRCLE" coords="687,366,16" onclick="popupof('새절')">
	<area shape="CIRCLE" coords="661,396,18" onclick="popupof('증산')">
	<area shape="CIRCLE" coords="620,432,15" onclick="popupof('디지털미디어시티')">
	<area shape="CIRCLE" coords="550,433,17" onclick="popupof('수색')">
	<area shape="CIRCLE" coords="207,528,14" onclick="popupof('방화')">
	<area shape="CIRCLE" coords="258,528,16" onclick="popupof('개화산')">
	<area shape="CIRCLE" coords="320,525,19" onclick="popupof('김포공항')">
	<area shape="CIRCLE" coords="374,492,14" onclick="popupof('공항시장')">
	<area shape="CIRCLE" coords="405,501,14" onclick="popupof('신방화')">
	<area shape="CIRCLE" coords="417,550,15" onclick="popupof('마곡나루')">
	<area shape="CIRCLE" coords="418,586,16" onclick="popupof('양천향교')">
	<area shape="CIRCLE" coords="420,621,17" onclick="popupof('가양')">
	<area shape="CIRCLE" coords="419,656,15" onclick="popupof('증미')">
	<area shape="CIRCLE" coords="419,691,16" onclick="popupof('등촌')">
	<area shape="CIRCLE" coords="421,726,17" onclick="popupof('염창')">
	<area shape="CIRCLE" coords="468,761,16" onclick="popupof('신목동')">
	<area shape="CIRCLE" coords="516,760,15" onclick="popupof('선유도')">
	<area shape="CIRCLE" coords="579,477,18" onclick="popupof('월드컵경기장')">
	<area shape="CIRCLE" coords="562,531,19" onclick="popupof('마포구청')">
	<area shape="CIRCLE" coords="561,578,19" onclick="popupof('망원')">
	<area shape="CIRCLE" coords="558,671,18" onclick="popupof('합정')">
	<area shape="CIRCLE" coords="558,760,19" onclick="popupof('당산')">
	<area shape="CIRCLE" coords="687,478,18" onclick="popupof('가좌')">
	
	
	<area shape="CIRCLE" coords="675,594,21" onclick="popupof('홍대입구')">
	<area shape="CIRCLE" coords="341,600,17" onclick="popupof('송정')">
	<area shape="CIRCLE" coords="343,648,18" onclick="popupof('마곡')">
	<area shape="CIRCLE" coords="341,698,16" onclick="popupof('발산')">
	<area shape="CIRCLE" coords="341,747,16" onclick="popupof('우장산')">
	<area shape="CIRCLE" coords="342,794,16" onclick="popupof('화곡')">
	<area shape="CIRCLE" coords="209,678,15" onclick="popupof('인천국제공항')">
	<area shape="CIRCLE" coords="208,722,14" onclick="popupof('공항화물청사')">
	<area shape="CIRCLE" coords="200,763,16" onclick="popupof('운서')">
	<area shape="CIRCLE" coords="208,804,14" onclick="popupof('영종')">
	<area shape="CIRCLE" coords="224,842,16" onclick="popupof('청라')">
	<area shape="CIRCLE" coords="245,867,14" onclick="popupof('검암')">	
	<area shape="CIRCLE" coords="265,885,16" onclick="popupof('계양')">
	<area shape="CIRCLE" coords="234,915,15" onclick="popupof('귤현')">
	<area shape="CIRCLE" coords="207,970,16" onclick="popupof('박촌')">
	<area shape="CIRCLE" coords="207,1045,15" onclick="popupof('임학')">
	<area shape="CIRCLE" coords="212,1116,19" onclick="popupof('계산')">
	<area shape="CIRCLE" coords="213,1189,19" onclick="popupof('경인교대입구')">
	<area shape="CIRCLE" coords="213,1298,19" onclick="popupof('작전')">
	<area shape="CIRCLE" coords="217,1385,24" onclick="popupof('갈산')">
	<area shape="CIRCLE" coords="261,1462,19" onclick="popupof('부평구청')">
	<area shape="CIRCLE" coords="304,1510,15" onclick="popupof('부평시장')">
	<area shape="CIRCLE" coords="349,1550,17" onclick="popupof('부평')">
	<area shape="CIRCLE" coords="407,1553,15" onclick="popupof('동수')">
	<area shape="CIRCLE" coords="489,1547,16" onclick="popupof('부평삼거리')">
	<area shape="CIRCLE" coords="575,1551,18" onclick="popupof('간석오거리')">
	<area shape="CIRCLE" coords="379,860,16" onclick="popupof('까치산')">
	<area shape="CIRCLE" coords="408,860,14" onclick="popupof('신정')">
	<area shape="CIRCLE" coords="450,861,15" onclick="popupof('목동')">
	<area shape="CIRCLE" coords="487,860,14" onclick="popupof('오목교')">
	<area shape="CIRCLE" coords="527,861,12" onclick="popupof('양평')">
	<area shape="CIRCLE" coords="558,860,16" onclick="popupof('영등포구청')">
	<area shape="CIRCLE" coords="788,353,14" onclick="popupof('역촌')">
	<area shape="CIRCLE" coords="880,353,15" onclick="popupof('불광')">
	<area shape="CIRCLE" coords="922,353,13" onclick="popupof('녹번')">
	<area shape="CIRCLE" coords="975,353,14" onclick="popupof('홍제')">
	<area shape="CIRCLE" coords="729,594,15" onclick="popupof('신촌')">
	<area shape="CIRCLE" coords="781,594,16" onclick="popupof('이대')">
	<area shape="CIRCLE" coords="809,551,14" onclick="popupof('신촌(경의선)')">
	<area shape="CIRCLE" coords="834,594,14" onclick="popupof('아현')">
	<area shape="CIRCLE" coords="760,642,14" onclick="popupof('서강')">
	<area shape="CIRCLE" coords="646,706,18" onclick="popupof('상수')">
	<area shape="CIRCLE" coords="705,707,15" onclick="popupof('관흥창')">
	<area shape="CIRCLE" coords="773,710,15" onclick="popupof('대흥')">
	<area shape="CIRCLE" coords="663,770,15" onclick="popupof('국회의사당')">
	<area shape="CIRCLE" coords="620,860,16" onclick="popupof('영등포시장')">
	<area shape="CIRCLE" coords="847,708,20" onclick="popupof('공덕')">
	<area shape="CIRCLE" coords="798,751,16" onclick="popupof('마포')">
	<area shape="CIRCLE" coords="757,792,15" onclick="popupof('여의나루')">
	<area shape="CIRCLE" coords="726,824,17" onclick="popupof('여의도')">
	<area shape="CIRCLE" coords="688,865,21" onclick="popupof('신길')">
	<area shape="CIRCLE" coords="616,924,14" onclick="popupof('영등포')">
	<area shape="CIRCLE" coords="558,921,15" onclick="popupof('문래')">
	<area shape="CIRCLE" coords="416,898,16" onclick="popupof('신정네거리')">
	<area shape="CIRCLE" coords="451,933,16" onclick="popupof('양천구청')">
	<area shape="CIRCLE" coords="485,968,17" onclick="popupof('도림천')">
	<area shape="CIRCLE" coords="558,985,20" onclick="popupof('신도림')">
	<area shape="CIRCLE" coords="510,1041,21" onclick="popupof('구로')">
	<area shape="CIRCLE" coords="455,1040,16" onclick="popupof('구일')">
	<area shape="CIRCLE" coords="399,1040,14" onclick="popupof('개봉')">
	<area shape="CIRCLE" coords="360,1050,14" onclick="popupof('오류동')">
	<area shape="CIRCLE" coords="349,1082,17" onclick="popupof('온수')">
	<area shape="CIRCLE" coords="322,1130,15" onclick="popupof('까치울')">
	<area shape="CIRCLE" coords="322,1179,15" onclick="popupof('부천종합운동장')">
	<area shape="CIRCLE" coords="321,1219,13" onclick="popupof('춘의')">
	<area shape="CIRCLE" coords="319,1267,12" onclick="popupof('신중동')">
	<area shape="CIRCLE" coords="318,1316,11" onclick="popupof('부천시청')">
	<area shape="CIRCLE" coords="317,1364,11" onclick="popupof('상동')">
	<area shape="CIRCLE" coords="304,1415,13" onclick="popupof('삼산체육관')">
	<area shape="CIRCLE" coords="284,1437,16" onclick="popupof('굴포천')">
	<area shape="CIRCLE" coords="345,1167,13" onclick="popupof('역곡')">
	<area shape="CIRCLE" coords="345,1232,13" onclick="popupof('소사')">
	<area shape="CIRCLE" coords="348,1299,16" onclick="popupof('부천')">
	<area shape="CIRCLE" coords="345,1362,13" onclick="popupof('중동')">
	<area shape="CIRCLE" coords="350,1426,18" onclick="popupof('송내')">
	<area shape="CIRCLE" coords="350,1488,17" onclick="popupof('부개')">
	<area shape="CIRCLE" coords="346,1588,15" onclick="popupof('백운')">
	<area shape="CIRCLE" coords="344,1623,12" onclick="popupof('동암')">
	<area shape="CIRCLE" coords="353,1658,10" onclick="popupof('간석')">
	<area shape="CIRCLE" coords="383,1683,13" onclick="popupof('주안')">
	<area shape="CIRCLE" coords="411,1710,13" onclick="popupof('도화')">
	<area shape="CIRCLE" coords="433,1737,12" onclick="popupof('제물포')">
	<area shape="CIRCLE" coords="459,1759,13" onclick="popupof('도원')">
	<area shape="CIRCLE" coords="487,1786,15" onclick="popupof('동인천')">
	<area shape="CIRCLE" coords="530,1800,16" onclick="popupof('인천')">
	<area shape="CIRCLE" coords="367,1106,12" onclick="popupof('천왕')">
	<area shape="CIRCLE" coords="392,1129,13" onclick="popupof('광명사거리')">
	<area shape="CIRCLE" coords="451,1145,15" onclick="popupof('철산')">
	<area shape="CIRCLE" coords="506,1145,19" onclick="popupof('가산디지털단지')">
	<area shape="CIRCLE" coords="505,1289,17" onclick="popupof('독산')">
	<area shape="CIRCLE" coords="505,1410,17" onclick="popupof('금천구청')">
	<area shape="CIRCLE" coords="473,1474,15" onclick="popupof('광명')">
	<area shape="CIRCLE" coords="532,1440,15" onclick="popupof('석수')">
	<area shape="CIRCLE" coords="566,1473,18" onclick="popupof('관악')">
	<area shape="CIRCLE" coords="621,1502,17" onclick="popupof('안양')">
	<area shape="CIRCLE" coords="666,1502,12" onclick="popupof('명학')">
	<area shape="CIRCLE" coords="714,1500,17" onclick="popupof('금정')">
	<area shape="CIRCLE" coords="756,1501,14" onclick="popupof('군포')">
	<area shape="CIRCLE" coords="709,1446,14" onclick="popupof('범계')">
	<area shape="CIRCLE" coords="715,1389,17" onclick="popupof('평촌')">
	<area shape="CIRCLE" coords="764,1298,17" onclick="popupof('인덕원')">
	<area shape="CIRCLE" coords="560,1091,16" onclick="popupof('남구로')">
	<area shape="CIRCLE" coords="617,1036,20" onclick="popupof('대림')">
	<area shape="CIRCLE" coords="676,1036,16" onclick="popupof('신풍')">
	<area shape="CIRCLE" coords="665,1090,16" onclick="popupof('구로디지털단지')">
	<area shape="CIRCLE" coords="737,1133,18" onclick="popupof('신대방')">
	<area shape="CIRCLE" coords="738,1036,17" onclick="popupof('보라매')">
	<area shape="CIRCLE" coords="819,1036,15" onclick="popupof('신대방거리')">
	<area shape="CIRCLE" coords="887,1034,15" onclick="popupof('장승배기')">
	<area shape="CIRCLE" coords="819,1132,16" onclick="popupof('신림')">
	<area shape="CIRCLE" coords="745,868,13" onclick="popupof('대방')">
	<area shape="CIRCLE" coords="776,824,13" onclick="popupof('샛강')">
	<area shape="CIRCLE" coords="813,856,16" onclick="popupof('노량진')">
	<area shape="CIRCLE" coords="854,813,16" onclick="popupof('용산')">
	<area shape="CIRCLE" coords="927,739,14" onclick="popupof('남영')">
	<area shape="CIRCLE" coords="885,728,17" onclick="popupof('효창공원앞')">
	<area shape="CIRCLE" coords="862,753,19" onclick="popupof('효창')">
	<area shape="CIRCLE" coords="881,643,14" onclick="popupof('애오개')">
	<area shape="CIRCLE" coords="882,594,17" onclick="popupof('충정로')">
	<area shape="CIRCLE" coords="884,527,18" onclick="popupof('서대문')">
	<area shape="CIRCLE" coords="954,465,15" onclick="popupof('광화문')">
	<area shape="CIRCLE" coords="962,594,18" onclick="popupof('시청')">
	<area shape="CIRCLE" coords="959,714,21" onclick="popupof('서울')">
	<area shape="CIRCLE" coords="957,769,13" onclick="popupof('숙대입구')">
	<area shape="CIRCLE" coords="961,812,17" onclick="popupof('삼각지')">
	<area shape="CIRCLE" coords="983,866,14" onclick="popupof('신용산')">
	<area shape="CIRCLE" coords="1032,895,17" onclick="popupof('이촌')">
	<area shape="CIRCLE" coords="885,927,13" onclick="popupof('노들')">
	<area shape="CIRCLE" coords="986,978,16" onclick="popupof('흑석')">
	<area shape="CIRCLE" coords="951,1035,16" onclick="popupof('상도')">
	<area shape="CIRCLE" coords="1012,1034,14" onclick="popupof('숭실대입구')">
	<area shape="CIRCLE" coords="693,1632,14" onclick="popupof('인천시청')">
	<area shape="CIRCLE" coords="759,1699,13" onclick="popupof('예술회관')">
	<area shape="CIRCLE" coords="824,1763,15" onclick="popupof('인천터미널')">
	<area shape="CIRCLE" coords="901,1801,13" onclick="popupof('문학경기장')">
	<area shape="CIRCLE" coords="981,1801,14" onclick="popupof('선학')">
	<area shape="CIRCLE" coords="1006,1860,14" onclick="popupof('송도')">
	<area shape="CIRCLE" coords="743,1572,15" onclick="popupof('산본')">
	<area shape="CIRCLE" coords="777,1610,13" onclick="popupof('수리산')">
	<area shape="CIRCLE" coords="838,1639,15" onclick="popupof('대야미')">
	<area shape="CIRCLE" coords="892,1639,13" onclick="popupof('반월')">
	<area shape="CIRCLE" coords="954,1638,15" onclick="popupof('상록수')">
	<area shape="CIRCLE" coords="1010,1639,13" onclick="popupof('한대앞')">
	<area shape="CIRCLE" coords="805,1502,12" onclick="popupof('당정')">
	<area shape="CIRCLE" coords="852,1501,13" onclick="popupof('의왕')">
	<area shape="CIRCLE" coords="906,1502,13" onclick="popupof('성균관대')">
	<area shape="CIRCLE" coords="964,1500,14" onclick="popupof('화서')">
	<area shape="CIRCLE" coords="1010,1500,16" onclick="popupof('수원')">
	<area shape="CIRCLE" coords="904,1132,17" onclick="popupof('봉천')">
	<area shape="CIRCLE" coords="990,1133,17" onclick="popupof('서울대입구')">
	<area shape="CIRCLE" coords="835,1254,15" onclick="popupof('정부과천청사')">
	<area shape="CIRCLE" coords="895,1256,15" onclick="popupof('과천')">
	<area shape="CIRCLE" coords="953,1255,12" onclick="popupof('대공원')">
	<area shape="CIRCLE" coords="1016,1255,14" onclick="popupof('경마공원')">
	<area shape="CIRCLE" coords="235,559,13" onclick="popupof('개화')">
	<area shape="CIRCLE" coords="1028,353,15" onclick="popupof('무악재')">
	<area shape="CIRCLE" coords="1082,353,15" onclick="popupof('독립문')">
	<area shape="CIRCLE" coords="1121,407,17" onclick="popupof('경복궁')">
	<area shape="CIRCLE" coords="1121,462,16" onclick="popupof('안국')">
	<area shape="CIRCLE" coords="1041,528,14" onclick="popupof('종각')">
	<area shape="CIRCLE" coords="1121,528,17" onclick="popupof('종로3가')">
	<area shape="CIRCLE" coords="1021,594,14" onclick="popupof('을지로입구')">
	<area shape="CIRCLE" coords="1121,594,18" onclick="popupof('을지로3가')">
	<area shape="CIRCLE" coords="1042,715,15" onclick="popupof('회현')">
	<area shape="CIRCLE" coords="1108,714,15" onclick="popupof('명동')">
	<area shape="CIRCLE" coords="1230,527,15" onclick="popupof('종로5가')">
	<area shape="CIRCLE" coords="1222,589,21" onclick="popupof('을지로4가')">
	<area shape="CIRCLE" coords="1213,711,16" onclick="popupof('충무로')">
	<area shape="CIRCLE" coords="1246,745,13" onclick="popupof('동대입구')">
	<area shape="CIRCLE" coords="1032,813,15" onclick="popupof('녹사평')">
	<area shape="CIRCLE" coords="1100,814,15" onclick="popupof('이태원')">
	<area shape="CIRCLE" coords="1161,814,13" onclick="popupof('한강진')">
	<area shape="CIRCLE" coords="1231,814,13" onclick="popupof('버티고개')">
	<area shape="CIRCLE" coords="1293,789,16" onclick="popupof('약수')">
	<area shape="CIRCLE" coords="1135,897,17" onclick="popupof('서빙고')">
	<area shape="CIRCLE" coords="1232,897,16" onclick="popupof('한남')">
	<area shape="CIRCLE" coords="1098,977,16" onclick="popupof('동작')">
	<area shape="CIRCLE" coords="1188,978,13" onclick="popupof('구반포')">
	<area shape="CIRCLE" coords="1255,977,14" onclick="popupof('신반포')">
	<area shape="CIRCLE" coords="1086,1036,17" onclick="popupof('남성')">
	<area shape="CIRCLE" coords="1144,1036,18" onclick="popupof('총신대입구(이수)')">
	<area shape="CIRCLE" coords="1182,1034,16" onclick="popupof('내방')">
	<area shape="CIRCLE" coords="1071,1132,16" onclick="popupof('낙성대')">
	<area shape="CIRCLE" coords="1147,1132,19" onclick="popupof('사당')">
	<area shape="CIRCLE" coords="1115,1187,18" onclick="popupof('남태령')">
	<area shape="CIRCLE" coords="1074,1227,18" onclick="popupof('선바위')">
	<area shape="CIRCLE" coords="1188,1133,15" onclick="popupof('방배')">
	<area shape="CIRCLE" coords="1239,1133,14" onclick="popupof('서초')">
	<area shape="CIRCLE" coords="1321,818,12" onclick="popupof('금호')">
	<area shape="CIRCLE" coords="1346,847,17" onclick="popupof('옥수')">
	<area shape="CIRCLE" coords="1346,913,15" onclick="popupof('압구정')">
	<area shape="CIRCLE" coords="1346,954,13" onclick="popupof('신사')">
	<area shape="CIRCLE" coords="1346,994,13" onclick="popupof('잠원')">
	<area shape="CIRCLE" coords="1346,1035,17" onclick="popupof('고속터미널')">
	<area shape="CIRCLE" coords="1347,1133,16" onclick="popupof('교대')">
	<area shape="CIRCLE" coords="1356,1170,14" onclick="popupof('남부터미널')">
	<area shape="CIRCLE" coords="1405,1133,17" onclick="popupof('강남')">
	<area shape="CIRCLE" coords="1402,1183,15" onclick="popupof('양재')">
	<area shape="CIRCLE" coords="1398,1265,12" onclick="popupof('양재시민의숲')">
	<area shape="CIRCLE" coords="1049,1460,13" onclick="popupof('매교')">
	<area shape="CIRCLE" coords="1097,1419,16" onclick="popupof('수원시청')">
	<area shape="CIRCLE" coords="1164,1419,13" onclick="popupof('매탄권선')">
	<area shape="CIRCLE" coords="1055,1502,14" onclick="popupof('세류')">
	<area shape="CIRCLE" coords="1105,1502,15" onclick="popupof('병점')">
	<area shape="CIRCLE" coords="1139,1468,14" onclick="popupof('서동탄')">
	<area shape="CIRCLE" coords="1151,1501,16" onclick="popupof('세마')">
	<area shape="CIRCLE" coords="1207,1502,14" onclick="popupof('오산대')">
	<area shape="CIRCLE" coords="1224,1419,14" onclick="popupof('망포')">
	<area shape="CIRCLE" coords="1301,1419,16" onclick="popupof('영통')">
	<area shape="CIRCLE" coords="1265,1502,16" onclick="popupof('오산')">
	<area shape="CIRCLE" coords="1323,1502,18" onclick="popupof('진위')">
	<area shape="CIRCLE" coords="1377,1501,16" onclick="popupof('송탄')">
	<area shape="CIRCLE" coords="1077,1639,16" onclick="popupof('중앙')">
	<area shape="CIRCLE" coords="1138,1639,16" onclick="popupof('고잔')">
	<area shape="CIRCLE" coords="1199,1638,15" onclick="popupof('초지')">
	<area shape="CIRCLE" coords="1263,1639,18" onclick="popupof('안산')">
	<area shape="CIRCLE" coords="1322,1640,15" onclick="popupof('신길온천')">
	<area shape="CIRCLE" coords="1385,1640,17" onclick="popupof('정왕')">
	<area shape="CIRCLE" coords="1442,1636,18" onclick="popupof('오이도')">
	<area shape="CIRCLE" coords="1439,1689,13" onclick="popupof('달월')">
	<area shape="CIRCLE" coords="1397,1724,15" onclick="popupof('월곶')">
	<area shape="CIRCLE" coords="1335,1726,17" onclick="popupof('소래포구')">
	<area shape="CIRCLE" coords="1270,1724,19" onclick="popupof('인천논현')">
	<area shape="CIRCLE" coords="1203,1725,17" onclick="popupof('호구포')">
	<area shape="CIRCLE" coords="1134,1765,18" onclick="popupof('남동인더스파크')">
	<area shape="CIRCLE" coords="1053,1802,13" onclick="popupof('신연수')">
	<area shape="CIRCLE" coords="1135,1802,19" onclick="popupof('원인재')">
	<area shape="CIRCLE" coords="1083,1861,14" onclick="popupof('연수')">
	<area shape="CIRCLE" coords="1227,1800,15" onclick="popupof('동춘')">
	<area shape="CIRCLE" coords="1298,1802,16" onclick="popupof('동막')">
	<area shape="CIRCLE" coords="1370,1800,16" onclick="popupof('캠퍼스타운')">
	<area shape="CIRCLE" coords="1419,1863,14" onclick="popupof('테크노파크')">
	<area shape="CIRCLE" coords="1349,1920,17" onclick="popupof('지식정보단지')">
	<area shape="CIRCLE" coords="1253,1920,20" onclick="popupof('인천대입구')">
	<area shape="CIRCLE" coords="1147,1920,15" onclick="popupof('센트럴파크')">
	<area shape="CIRCLE" coords="1054,1920,20" onclick="popupof('국제업무지구')">
	<area shape="CIRCLE" coords="1408,1981,18" onclick="popupof('신창(순천향대)')">
	<area shape="CIRCLE" coords="1439,1184,17" onclick="popupof('매봉')">
	<area shape="CIRCLE" coords="1379,1418,18" onclick="popupof('청명')">
	<area shape="CIRCLE" coords="1452,1419,15" onclick="popupof('상갈')">
	<area shape="CIRCLE" coords="1436,1501,19" onclick="popupof('서정리')">
	<area shape="CIRCLE" coords="1384,1066,14" onclick="popupof('사평')">
	<area shape="CIRCLE" coords="1426,1066,15" onclick="popupof('신논현')">
	<area shape="CIRCLE" coords="1406,1036,16" onclick="popupof('반포')">
	<area shape="CIRCLE" coords="1306,594,19" onclick="popupof('동대문역사문화공원')">
	<area shape="CIRCLE" coords="1399,683,16" onclick="popupof('청구')">
	<area shape="CIRCLE" coords="1441,684,14" onclick="popupof('신금호')">
	<area shape="CIRCLE" coords="1415,594,18" onclick="popupof('신당')">
	<area shape="CIRCLE" coords="1469,594,13" onclick="popupof('상왕십리')">
	<area shape="CIRCLE" coords="1415,528,17" onclick="popupof('동묘앞')">
	<area shape="CIRCLE" coords="1306,528,16" onclick="popupof('동대문')">
	<area shape="CIRCLE" coords="1306,472,15" onclick="popupof('혜화')">
	<area shape="CIRCLE" coords="1306,420,14" onclick="popupof('한성대입구')">
	<area shape="CIRCLE" coords="1306,358,16" onclick="popupof('성신여대입구')">
	<area shape="CIRCLE" coords="1414,495,14" onclick="popupof('창신')">
	<area shape="CIRCLE" coords="1416,461,15" onclick="popupof('보문')">
	<area shape="CIRCLE" coords="1434,426,15" onclick="popupof('안암')">
	<area shape="CIRCLE" coords="1463,395,14" onclick="popupof('고려대')">
	<area shape="CIRCLE" coords="1330,301,14" onclick="popupof('길음')">
	<area shape="CIRCLE" coords="1363,267,15" onclick="popupof('미아삼거리')">
	<area shape="CIRCLE" coords="1410,249,11" onclick="popupof('미아')">
	<area shape="CIRCLE" coords="1469,249,15" onclick="popupof('수유')">
	<area shape="CIRCLE" coords="1230,306,16" onclick="popupof('정릉3거리')">
	<area shape="CIRCLE" coords="1229,248,16" onclick="popupof('서경대')">
	<area shape="CIRCLE" coords="1227,189,13" onclick="popupof('SK북한산시티')">
	<area shape="CIRCLE" coords="1227,129,14" onclick="popupof('동북시장')">
	<area shape="CIRCLE" coords="1240,70,17" onclick="popupof('삼양시장')">
	<area shape="CIRCLE" coords="1306,57,17" onclick="popupof('화계사입구')">
	<area shape="CIRCLE" coords="1413,58,21" onclick="popupof('우이초교')">
	<area shape="CIRCLE" coords="1507,58,20" onclick="popupof('4.19국립묘지')">
	<area shape="CIRCLE" coords="1610,59,18" onclick="popupof('문이교사거리')">
	<area shape="CIRCLE" coords="1702,60,15" onclick="popupof('우이동유원지')">
	<area shape="CIRCLE" coords="1480,120,19" onclick="popupof('장암')">
	<area shape="CIRCLE" coords="1584,139,17" onclick="popupof('도봉산')">
	<area shape="CIRCLE" coords="1575,180,14" onclick="popupof('도봉')">
	<area shape="CIRCLE" coords="1577,212,16" onclick="popupof('방학')">
	<area shape="CIRCLE" coords="1576,248,18" onclick="popupof('창동')">
	<area shape="CIRCLE" coords="1529,249,15" onclick="popupof('쌍문')">
	<area shape="CIRCLE" coords="1616,174,15" onclick="popupof('수락산')">
	<area shape="CIRCLE" coords="1652,209,15" onclick="popupof('마들')">
	<area shape="CIRCLE" coords="1689,249,16" onclick="popupof('노원')">
	<area shape="CIRCLE" coords="1612,282,16" onclick="popupof('녹천')">
	<area shape="CIRCLE" coords="1640,312,14" onclick="popupof('월계')">
	<area shape="CIRCLE" coords="1509,378,16" onclick="popupof('월곡')">
	<area shape="CIRCLE" coords="1573,377,15" onclick="popupof('상월곡')">
	<area shape="CIRCLE" coords="1640,375,19" onclick="popupof('돌곶이')">
	<area shape="CIRCLE" coords="1668,340,17" onclick="popupof('광운대')">	
	<area shape="CIRCLE" coords="1719,281,13" onclick="popupof('중계')">
	<area shape="CIRCLE" coords="1765,249,15" onclick="popupof('상계')">
	<area shape="CIRCLE" coords="1835,249,16" onclick="popupof('당고개')">
	<area shape="CIRCLE" coords="1758,312,17" onclick="popupof('하계')">
	<area shape="CIRCLE" coords="1785,341,14" onclick="popupof('공릉')">
	<area shape="CIRCLE" coords="1695,376,17" onclick="popupof('석계')">
	<area shape="CIRCLE" coords="1691,414,15" onclick="popupof('신이문')">
	<area shape="CIRCLE" coords="1694,450,15" onclick="popupof('외대앞')">
	<area shape="CIRCLE" coords="1698,493,21" onclick="popupof('회기')">
	<area shape="CIRCLE" coords="1645,490,21" onclick="popupof('청량리')">
	<area shape="CIRCLE" coords="1615,517,14" onclick="popupof('제기동')">
	<area shape="CIRCLE" coords="1593,540,17" onclick="popupof('신설동')">
	<area shape="CIRCLE" coords="1534,622,19" onclick="popupof('왕십리')">
	<area shape="CIRCLE" coords="1491,666,17" onclick="popupof('행당')">
	<area shape="CIRCLE" coords="1639,585,15" onclick="popupof('용두')">
	<area shape="CIRCLE" coords="1813,376,15" onclick="popupof('태릉입구')">
	<area shape="CIRCLE" coords="1814,414,15" onclick="popupof('먹골')">
	<area shape="CIRCLE" coords="1817,477,19" onclick="popupof('상봉')">
	<area shape="CIRCLE" coords="1812,444,13" onclick="popupof('중화')">
	<area shape="CIRCLE" coords="1760,485,13" onclick="popupof('중랑')">
	<area shape="CIRCLE" coords="1812,548,14" onclick="popupof('면목')">
	<area shape="CIRCLE" coords="1814,593,15" onclick="popupof('사가정')">
	<area shape="CIRCLE" coords="817,1035,20" onclick="popupof('신대방삼거리')" />
	<area shape="CIRCLE" coords="1815,639,16" onclick="popupof('용마산')">
	<area shape="CIRCLE" coords="1882,479,19" onclick="popupof('망우')">
	<area shape="CIRCLE" coords="1688,638,13" onclick="popupof('마장')">
	<area shape="CIRCLE" coords="1662,679,15" onclick="popupof('신답')">
	<area shape="CIRCLE" coords="1574,663,15" onclick="popupof('한양대')">
	<area shape="CIRCLE" coords="1615,703,14" onclick="popupof('뚝섬')">
	<area shape="CIRCLE" coords="1466,768,15" onclick="popupof('응봉')">
	<area shape="CIRCLE" coords="1548,761,18" onclick="popupof('서울숲')">
	<area shape="CIRCLE" coords="1660,710,14" onclick="popupof('용답')">
	<area shape="CIRCLE" coords="1661,749,18" onclick="popupof('성수')">
	<area shape="CIRCLE" coords="1715,663,14" onclick="popupof('답십리')">
	<area shape="CIRCLE" coords="1740,689,14" onclick="popupof('장한평')">
	<area shape="CIRCLE" coords="1804,683,14" onclick="popupof('중곡')">
	<area shape="CIRCLE" coords="1771,717,16" onclick="popupof('군자')">
	<area shape="CIRCLE" coords="1734,749,13" onclick="popupof('어린이대공원')">
	<area shape="CIRCLE" coords="1697,788,17" onclick="popupof('건대입구')">
	<area shape="CIRCLE" coords="1697,820,13" onclick="popupof('구의')">
	<area shape="CIRCLE" coords="1697,848,14" onclick="popupof('강변')">
	<area shape="CIRCLE" coords="1646,837,14" onclick="popupof('뚝섬유원지')">
	<area shape="CIRCLE" coords="1599,886,14" onclick="popupof('청담')">
	<area shape="CIRCLE" coords="1560,885,14" onclick="popupof('압구정로데오')">
	<area shape="CIRCLE" coords="1573,911,14" onclick="popupof('강남구청')">
	<area shape="CIRCLE" coords="1523,961,14" onclick="popupof('학동')">
	<area shape="CIRCLE" coords="1482,1004,13" onclick="popupof('논현')">
	<area shape="CIRCLE" coords="1506,1064,14" onclick="popupof('선정릉')">
	<area shape="CIRCLE" coords="1450,1133,15" onclick="popupof('역삼')">
	<area shape="CIRCLE" coords="1508,1132,15" onclick="popupof('선릉')">
	<area shape="CIRCLE" coords="1541,1133,13" onclick="popupof('삼성')">
	<area shape="CIRCLE" coords="1504,1158,12" onclick="popupof('한티')">
	<area shape="CIRCLE" coords="1508,1185,16" onclick="popupof('도곡')">
	<area shape="CIRCLE" coords="1584,1133,17" onclick="popupof('종합운동장')">
	<area shape="CIRCLE" coords="1632,1086,13" onclick="popupof('신천')">
	<area shape="CIRCLE" coords="1691,1037,19" onclick="popupof('잠실')">
	<area shape="CIRCLE" coords="1697,916,19" onclick="popupof('잠실나루')">
	<area shape="CIRCLE" coords="1689,1075,16" onclick="popupof('석촌')">
	<area shape="CIRCLE" coords="1711,1130,14" onclick="popupof('송파')">
	<area shape="CIRCLE" coords="1558,1184,15" onclick="popupof('대치')">
	<area shape="CIRCLE" coords="1610,1184,13" onclick="popupof('학여울')">
	<area shape="CIRCLE" coords="1673,1212,15" onclick="popupof('대청')">
	<area shape="CIRCLE" coords="1705,1244,16" onclick="popupof('일원')">
	<area shape="CIRCLE" coords="1670,1273,13" onclick="popupof('대모산입구')">
	<area shape="CIRCLE" coords="1609,1272,16" onclick="popupof('개포동')">
	<area shape="CIRCLE" coords="1545,1271,16" onclick="popupof('구룡')">
	<area shape="CIRCLE" coords="1743,1163,16" onclick="popupof('가락시장')">
	<area shape="CIRCLE" coords="1760,1183,12" onclick="popupof('문정')">
	<area shape="CIRCLE" coords="1781,1204,12" onclick="popupof('장지')">
	<area shape="CIRCLE" coords="1807,1222,16" onclick="popupof('복정')">
	<area shape="CIRCLE" coords="1743,1273,20" onclick="popupof('수서')">
	<area shape="CIRCLE" coords="1870,1224,16" onclick="popupof('산성')">
	<area shape="CIRCLE" coords="1859,1269,18" onclick="popupof('가천대')">
	<area shape="CIRCLE" coords="1626,1330,16" onclick="popupof('청계산입구')">
	<area shape="CIRCLE" coords="1748,1330,16" onclick="popupof('판교')">
	<area shape="CIRCLE" coords="1529,1416,16" onclick="popupof('기흥')">
	<area shape="CIRCLE" coords="1581,1418,13" onclick="popupof('신갈')">
	<area shape="CIRCLE" coords="1635,1418,16" onclick="popupof('구성')">
	<area shape="CIRCLE" coords="1686,1417,16" onclick="popupof('보정')">
	<area shape="CIRCLE" coords="1739,1418,17" onclick="popupof('죽전')">
	<area shape="CIRCLE" coords="1788,1418,17" onclick="popupof('오리')">
	<area shape="CIRCLE" coords="1839,1419,18" onclick="popupof('미금')">
	<area shape="CIRCLE" coords="1890,1420,19" onclick="popupof('정자')">
	<area shape="CIRCLE" coords="1488,1503,16" onclick="popupof('지제')">
	<area shape="CIRCLE" coords="1521,1512,15" onclick="popupof('평택')">
	<area shape="CIRCLE" coords="1561,1545,19" onclick="popupof('성환')">
	<area shape="CIRCLE" coords="1587,1579,15" onclick="popupof('직산')">
	<area shape="CIRCLE" coords="1601,1616,14" onclick="popupof('두정')">
	<area shape="CIRCLE" coords="1607,1673,20" onclick="popupof('천안')">
	<area shape="CIRCLE" coords="1607,1735,19" onclick="popupof('봉명')">
	<area shape="CIRCLE" coords="1605,1792,17" onclick="popupof('쌍용(나사렛대)')">
	<area shape="CIRCLE" coords="1604,1853,17" onclick="popupof('아산')">
	<area shape="CIRCLE" coords="1606,1915,20" onclick="popupof('탕정')">
	<area shape="CIRCLE" coords="1593,1967,16" onclick="popupof('배방')">
	<area shape="CIRCLE" coords="1511,1982,21" onclick="popupof('온양온천')">
	<area shape="CIRCLE" coords="1569,1458,15" onclick="popupof('강남대')">
	<area shape="CIRCLE" coords="1608,1497,14" onclick="popupof('지석')">
	<area shape="CIRCLE" coords="1652,1537,18" onclick="popupof('어정')">
	<area shape="CIRCLE" coords="1690,1577,18" onclick="popupof('동백')">
	<area shape="CIRCLE" coords="1718,1626,19" onclick="popupof('초당')">
	<area shape="CIRCLE" coords="1716,1677,18" onclick="popupof('삼가')">
	<area shape="CIRCLE" coords="1715,1727,16" onclick="popupof('시청`용인대')">
	<area shape="CIRCLE" coords="1718,1780,19" onclick="popupof('명지대')">
	<area shape="CIRCLE" coords="1716,1829,19" onclick="popupof('김향장')">
	<area shape="CIRCLE" coords="1721,1883,23" onclick="popupof('운동장`송담대')">
	<area shape="CIRCLE" coords="1716,1936,18" onclick="popupof('고진')">
	<area shape="CIRCLE" coords="1779,1982,21" onclick="popupof('보평')">
	<area shape="CIRCLE" coords="1853,1981,23" onclick="popupof('둔전')">
	<area shape="CIRCLE" coords="1928,1981,27" onclick="popupof('전대`에버랜드')">
	<area shape="CIRCLE" coords="1964,1419,18" onclick="popupof('수내')">
	<area shape="CIRCLE" coords="2013,1420,17" onclick="popupof('서현')">
	<area shape="CIRCLE" coords="2048,1409,17" onclick="popupof('이매')">
	<area shape="CIRCLE" coords="2062,1356,17" onclick="popupof('야탑')">
	<area shape="CIRCLE" coords="2061,1305,16" onclick="popupof('모란')">
	<area shape="CIRCLE" coords="1978,1306,20" onclick="popupof('태평')">
	<area shape="CIRCLE" coords="2064,1271,18" onclick="popupof('수진')">
	<area shape="CIRCLE" coords="2051,1235,16" onclick="popupof('신흥')">
	<area shape="CIRCLE" coords="2006,1223,17" onclick="popupof('단대오거리')">
	<area shape="CIRCLE" coords="1939,1224,17" onclick="popupof('남한산성입구')">
	<area shape="CIRCLE" coords="1932,1137,16" onclick="popupof('마천')">
	<area shape="CIRCLE" coords="1931,1105,13" onclick="popupof('거여')">
	<area shape="CIRCLE" coords="1932,1072,14" onclick="popupof('개롱')">
	<area shape="CIRCLE" coords="1933,1044,18" onclick="popupof('오금')">
	<area shape="CIRCLE" coords="1841,1043,17" onclick="popupof('경찰병원')">
	<area shape="CIRCLE" coords="1935,1002,16" onclick="popupof('방이')">
	<area shape="CIRCLE" coords="1932,962,15" onclick="popupof('올림픽공원')">
	<area shape="CIRCLE" coords="1931,919,15" onclick="popupof('둔촌동')">
	<area shape="CIRCLE" coords="1931,879,14" onclick="popupof('강동')">
	<area shape="CIRCLE" coords="1962,879,14" onclick="popupof('길동')">
	<area shape="CIRCLE" coords="1775,964,20" onclick="popupof('몽촌토성')">
	<area shape="CIRCLE" coords="1831,904,14" onclick="popupof('강동구청')">
	<area shape="CIRCLE" coords="1899,839,18" onclick="popupof('천호')">
	<area shape="CIRCLE" coords="1801,745,17" onclick="popupof('아차산')">
	<area shape="CIRCLE" coords="1827,772,17" onclick="popupof('광나루')">
	<area shape="CIRCLE" coords="1933,806,19" onclick="popupof('암사')">
	<area shape="CIRCLE" coords="1998,849,17" onclick="popupof('굽은다리')">
	<area shape="CIRCLE" coords="1997,814,15" onclick="popupof('명일')">
	<area shape="CIRCLE" coords="1999,781,19" onclick="popupof('고덕')">
	<area shape="CIRCLE" coords="2000,743,17" onclick="popupof('상일동')">
	<area shape="CIRCLE" coords="2104,1102,14" onclick="popupof('용문')">
	<area shape="CIRCLE" coords="2104,1059,16" onclick="popupof('원덕')">
	<area shape="CIRCLE" coords="2103,1016,15" onclick="popupof('양평(중앙선)')">
	<area shape="CIRCLE" coords="2104,973,14" onclick="popupof('오빈')">
	<area shape="CIRCLE" coords="2103,933,17" onclick="popupof('아신')">
	<area shape="CIRCLE" coords="2104,889,16" onclick="popupof('국수')">
	<area shape="CIRCLE" coords="2105,849,17" onclick="popupof('신원')">
	<area shape="CIRCLE" coords="2088,771,16" onclick="popupof('양수')">
	<area shape="CIRCLE" coords="2059,743,15" onclick="popupof('운길산')">
	<area shape="CIRCLE" coords="2036,693,14" onclick="popupof('팔당')">
	<area shape="CIRCLE" coords="2042,655,18" onclick="popupof('도심')">
	<area shape="CIRCLE" coords="2035,615,13" onclick="popupof('덕소')">
	<area shape="CIRCLE" coords="2046,573,20" onclick="popupof('양정')">
	<area shape="CIRCLE" coords="2036,532,14" onclick="popupof('도농')">
	<area shape="CIRCLE" coords="2165,1101,14" onclick="popupof('춘천')">
	<area shape="CIRCLE" coords="2166,1063,13" onclick="popupof('남춘천')">
	<area shape="CIRCLE" coords="2167,1023,13" onclick="popupof('김유정')">
	<area shape="CIRCLE" coords="2166,982,16" onclick="popupof('강촌')">
	<area shape="CIRCLE" coords="2165,943,14" onclick="popupof('백양리')">
	<area shape="CIRCLE" coords="2165,901,13" onclick="popupof('굴봉산')">
	<area shape="CIRCLE" coords="2165,863,13" onclick="popupof('가평')">
	<area shape="CIRCLE" coords="2164,823,13" onclick="popupof('상천')">
	<area shape="CIRCLE" coords="2164,782,13" onclick="popupof('청평')">
	<area shape="CIRCLE" coords="2168,742,15" onclick="popupof('대성리')">
	<area shape="CIRCLE" coords="2167,686,17" onclick="popupof('마석')">
	<area shape="CIRCLE" coords="2162,643,12" onclick="popupof('천마산')">
	<area shape="CIRCLE" coords="2163,601,13" onclick="popupof('평내호평')">
	<area shape="CIRCLE" coords="1942,484,16" onclick="popupof('양원')">
	<area shape="CIRCLE" coords="2000,484,15" onclick="popupof('구리')">
	<area shape="CIRCLE" coords="1943,436,17" onclick="popupof('신내')">
	<area shape="CIRCLE" coords="2028,436,18" onclick="popupof('갈매')">
	<area shape="CIRCLE" coords="2075,461,14" onclick="popupof('별내')">
	<area shape="CIRCLE" coords="2113,493,23" onclick="popupof('퇴계원')">
	<area shape="CIRCLE" coords="2140,524,16" onclick="popupof('사릉')">
	<area shape="CIRCLE" coords="2168,549,17" onclick="popupof('금곡')">
	<area shape="CIRCLE" coords="2213,516,13" onclick="popupof('탑석')">
	<area shape="CIRCLE" coords="2181,484,13" onclick="popupof('송산')">
	<area shape="CIRCLE" coords="2149,451,15" onclick="popupof('어룡')">
	<area shape="CIRCLE" coords="2117,416,19" onclick="popupof('곤제')">
	<area shape="CIRCLE" coords="2080,388,13" onclick="popupof('효자')">
	<area shape="CIRCLE" coords="2064,321,15" onclick="popupof('경기도청북부청사')">
	<area shape="CIRCLE" coords="2064,277,17" onclick="popupof('새말')">
	<area shape="CIRCLE" coords="2064,238,16" onclick="popupof('동오')">
	<area shape="CIRCLE" coords="2061,192,12" onclick="popupof('의정부중앙')">
	<area shape="CIRCLE" coords="2024,153,15" onclick="popupof('흥선')">
	<area shape="CIRCLE" coords="1962,152,15" onclick="popupof('의정부시청')">
	<area shape="CIRCLE" coords="1877,152,15" onclick="popupof('경전철의정부')">
	<area shape="CIRCLE" coords="1793,122,15" onclick="popupof('범골')">
	<area shape="CIRCLE" coords="1697,152,14" onclick="popupof('발곡')">
	<area shape="CIRCLE" coords="1653,123,14" onclick="popupof('망월사')">
	<area shape="CIRCLE" coords="1751,148,17" onclick="popupof('회룡')">
	<area shape="CIRCLE" coords="1805,152,17" onclick="popupof('의정부')">
	<area shape="CIRCLE" coords="1875,123,13" onclick="popupof('가능')">
	<area shape="CIRCLE" coords="1935,121,13" onclick="popupof('녹양')">
	<area shape="CIRCLE" coords="1995,122,14" onclick="popupof('양주')">
	<area shape="CIRCLE" coords="2055,123,13" onclick="popupof('덕계')">
	<area shape="CIRCLE" coords="2117,122,14" onclick="popupof('덕정')">
	<area shape="CIRCLE" coords="2166,166,14" onclick="popupof('지행')">
	<area shape="CIRCLE" coords="2163,205,13" onclick="popupof('동두천중앙')">
	<area shape="CIRCLE" coords="2166,242,14" onclick="popupof('보산')">
	<area shape="CIRCLE" coords="2168,280,17" onclick="popupof('동두천')">
	<area shape="CIRCLE" coords="2168,319,18" onclick="popupof('소요산')">
	<area shape="CIRCLE" coords="1940,376,14" onclick="popupof('봉화산')">
	<!-- <area shape="CIRCLE" coords="1881,376,15" onclick="popupof('화랑대')"> -->
	<area shape="CIRCLE" coords="1881,376,15" onclick="popupof('화랑대')">
	
</map>
</div>
</form>



<div class="popup-box1">
	<div class="row text-center">
		<a href="#" id="timesheet" class="pop1 btn btn-info popup-t col-md-4 col-sm-4 col-xs-4 pull-left">시간표</a>
		<a href="#sols" id="sl" class="pop1 btn btn-warning popup-sl col-md-4 col-sm-4 col-xs-4">출발지로</a>
		<a href="#sols" id="el" class="pop1 btn btn-danger popup-el col-md-4 col-sm-4 col-xs-4 pull-right">도착지로</a>
	</div>
</div>

<div class="popup-box2">
	<div class="text-center">
		<p>선택이 완료되었습니다.</p>
		<p>홈으로 이동하시겠습니까?</p>
	</div>
	<div class="row">
		<a id="goindex" class="pop2 btn btn-info pull-left">홈으로</a>
		<a id="conti" class="pop2 btn btn-danger pull-right">계속</a>
	</div>
</div>

<nav class="navbar navbar-fixed-top" role="navigation">
</nav> <!--네비게이션바 끝-->
<div class="page_title">
	<span class="loc_group">
		<span class="label label-warning">출발지</span>
		<span id="dep_st" class="sel-station">값 없음</span>
	</span>
	<span class="loc_group">
		<span class="label label-danger">도착지</span>
		<span id="arr_st" class="sel-station">값 없음</span>
	</span>
	
</div>
<div class="submit_btn pull-right text-center">
	<a href="index.jsp">완료</a>
</div>

<!-- //fake 끝
<a class="back text-center" onclick="history.back();"><i class="icon-arrow-left"></i></a>-->

<!-- 메뉴 버튼 -->
<div class="info-nav text-center">
	<a id="open_info_menu" class="nav-btn"><i id="img" class="fa fa-plus"></i></a>
	<span id="info_menus">
		<a id="see_lost" class="nav-btn"><i class="fa fa-suitcase" id="case"></i></a>
		<a id="see_baby" class="nav-btn"><i class="fa fa-link"></i></a>
		<a id="see_toilet" class="nav-btn"><i class="fa fa-magic"></i></a>
		<a id="close_info_menu" class="nav-btn"><i class="fa fa-times"></i></a>
	</span>
	
	

</div>


	<!-- Javascript -->
	<script src="assets/js/jquery.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
	<script type="text/javascript">
	// (parseInt(t1.substring(0,2)) - parseInt(t2.substring(0,2))) * 60 + (parseInt(t1.substring(3,5)) - parseInt(t2.substring(3,5)))
		
	function popupof(st_name) {
		$('.popup-box1').dialog("open");
		$('.ui-dialog-titlebar-close').html('<i class="fa fa-times close-pop"></i>');
		$('.ui-dialog-title').html(st_name);
		$('.ui-dialog-titlebar-close').blur();
		$('.popup-box1 a').blur();
		
		$('.ui-widget-overlay').click(function() {
			$('.popup-box1').dialog("close");
		});
	}
	
	$(function() {
		$(".popup-box1").dialog({
			autoOpen : false, // 페이지 로드 시 바로 작동할지 on/off
			modal : true, // 팝업 시 다른 기능 잠금 on/off (alert 기능)
			resizable : false, // 마우스로 팝업 창 크기 변경 on/off
			draggable : false // 마우스로 팝업 창 이동 on/off
		});
		
		$(".popup-box2").dialog({
			autoOpen : false, // 페이지 로드 시 바로 작동할지 on/off
			modal : true, // 팝업 시 다른 기능 잠금 on/off (alert 기능)
			resizable : false, // 마우스로 팝업 창 크기 변경 on/off
			draggable : false // 마우스로 팝업 창 이동 on/off
		});
		
		$('#sl').click(function() {
			sessionStorage["sl"] = $('.ui-dialog-title').html() + '역';
			$('#dep_st').html(sessionStorage["sl"]);
			
			$('.popup-box1').dialog("close");
			$('.popup-box2').dialog("open");
			$('.popup-box2 a').blur();
			$('.ui-dialog-titlebar-close').blur();
			
			$('.ui-widget-overlay').click(function() {
				$('.popup-box2').dialog("close");
			});
		});
		
		$('#el').click(function() {
			sessionStorage["el"] = $('.ui-dialog-title').html() + '역';
			$('#arr_st').html(sessionStorage["el"]);
			
			$('.popup-box1').dialog("close");
			$('.popup-box2').dialog("open");
			$('.popup-box2 a').blur();
			$('.ui-dialog-titlebar-close').blur();
			
			$('.ui-widget-overlay').click(function() {
				$('.popup-box2').dialog("close");
			});
		});
		
		$('#conti').click(function() {
			$('.popup-box2').dialog("close");
		});
		
		$('#timesheet').click(function() {
			//sessionStorage["stn_nm"] = $('#myModalLabel').html();
			sessionStorage["stn_nm"] = $('.ui-dialog-title').html();
			location.href = "metro_timesheet.jsp";
		});
		
		$('#goindex').click(function() {
			location.href = 'index.jsp';
		});
		
		$('#close_info_menu').parents('#info_menus').hide();
		// 메뉴 서브 메뉴 비 활성

		$('#open_info_menu').click(function() {
			$('.fa-plus').parents('#open_info_menu').hide();
			$('.fa-times').parents('#info_menus').show();

			return false;
		});

		$('#close_info_menu').click(function() {
			$('.fa-times').parents('#info_menus').hide();
			$('.fa-plus').parents('#open_info_menu').show();

			return false;
		});
		
		$('canvas').hide();
		
		var canvas = document.getElementById("MyCanvas");
		var context = canvas.getContext("2d");
		
		$('#see_toilet').click(function() {
			canvas.width = canvas.width;
			$('canvas').show();
			$.ajax({
				url : "ajax/json/stninfo.json",
				dataType : "json",
				timeout : 30000,
				cache : false,
				success : function(req) {
					for (var i=0; i < req.length; i++) {
						if (req[i].TOILET == "Y") {
							var coor = $('area[onclick="popupof(\'' + req[i].STATION_NM + '\')"]').attr('coords').split(",");
							
							var image = new Image();
							image.src = "assets/img/bathroom.png";
							context.drawImage(image, coor[0], coor[1]);
							
						}
					}
					
				},
				error : function(xhr, status, error) {
					alert("status: " + status + " / error-code: " + xhr.status
							+ " " + error);
				}
			});
		});
		
		$('#see_baby').click(function() {
			canvas.width = canvas.width;
			$('canvas').show();
			$.ajax({
				url : "ajax/json/stninfo.json",
				dataType : "json",
				timeout : 30000,
				cache : false,
				success : function(req) {
					for (var i=0; i < req.length; i++) {
						if (req[i].NURSING == "Y") {
							var coor = $('area[onclick="popupof(\'' + req[i].STATION_NM + '\')"]').attr('coords').split(",");
							
							var image = new Image();
							image.src = "assets/img/nursing.png";
							context.drawImage(image, coor[0], coor[1]);
							
						}
					}
				},
				error : function(xhr, status, error) {
					alert("status: " + status + " / error-code: " + xhr.status
							+ " " + error);
				}
			});
		});
		
		$('#see_lost').click(function() {
			canvas.width = canvas.width;
			$('canvas').show();
			$.ajax({
				url : "ajax/json/stninfo.json",
				dataType : "json",
				timeout : 30000,
				cache : false,
				success : function(req) {
					for (var i=0; i < req.length; i++) {
						if (req[i].LOST_PROPERTY == "Y") {
							var coor = $('area[onclick="popupof(\'' + req[i].STATION_NM + '\')"]').attr('coords').split(",");
							
							var image = new Image();
							image.src = "assets/img/lost.png";
							context.drawImage(image, coor[0], coor[1]);
						}
					}
				},
				error : function(xhr, status, error) {
					alert("status: " + status + " / error-code: " + xhr.status
							+ " " + error);
				}
			});
		});
		
		$('#draggable').click(function() {
			canvas.width = canvas.width;
			$('canvas').hide();
		});
		
		$('area').click(function() {
			stn_code($('.ui-dialog-title').html());
		});
	});
	
	function stn_code(stn_nm) {
		$.ajax({
			url : "ajax/json/stninfo.json",
			dataType : "json",
			timeout : 30000,
			cache : false,
			success : function(req) {
				var station_cd = new Array();
				var check = 0;
				var line_num = '';
				for (var i=0; i < req.length; i++) {
					if (req[i].STATION_NM == stn_nm) {
						station_cd[(check) * 2] = req[i].STATION_CD;

						if (req[i].LINE_NUM == "1") {
							line_num = "1호선";
						} else if (req[i].LINE_NUM == "2") {
							line_num = "2호선";
						} else if (req[i].LINE_NUM == "3") {
							line_num = "3호선";
						} else if (req[i].LINE_NUM == "4") {
							line_num = "4호선";
						} else if (req[i].LINE_NUM == "5") {
							line_num = "5호선";
						} else if (req[i].LINE_NUM == "6") {
							line_num = "6호선";
						} else if (req[i].LINE_NUM == "7") {
							line_num = "7호선";
						} else if (req[i].LINE_NUM == "8") {
							line_num = "8호선";
						} else if (req[i].LINE_NUM == "9") {
							line_num = "9호선";
						} else if (req[i].LINE_NUM == "I") {
							line_num = "인천1호선";
						} else if (req[i].LINE_NUM == "K") {
							line_num = "경의선";
						} else if (req[i].LINE_NUM == "B") {
							line_num = "분당선";
						} else if (req[i].LINE_NUM == "J") {
							line_num = "중앙선";
						} else if (req[i].LINE_NUM == "A") {
							line_num = "공항철도";
						} else if (req[i].LINE_NUM == "G") {
							line_num = "경춘선";
						} else if (req[i].LINE_NUM == "S") {
							line_num = "신분당선";
						} else if (req[i].LINE_NUM == "SU") {
							line_num = "수인선";
						}
						
						station_cd[(check * 2) + 1] = line_num;
						check++;
					}
				}
				sessionStorage["stn_nm"] = stn_nm;
				sessionStorage["stn_cd"] = station_cd;
			},
			error : function(xhr, status, error) {
				alert("status: " + status + " / error-code: " + xhr.status
						+ " " + error);
			}
		});
	}
		
	</script>
</body>
</html>